@mask-bg-color: white;


@color-default: #3FA9F5;
@color-primary: #337ab7;
@color-success: #5cb85c;
@color-info:    #5bc0de;
@color-warning: #f0ad4e;
@color-danger:  #d9534f;


.msg-type(@color: @color-default){
    border: 1px solid @color;
    background-color: @color;
}

.c-pop-manager{
    position: absolute;
    top: 0px;
    left: 0px;
    bottom: 0px;
    right: 0px;
    height: 100%;
    width: 100%;
    display: none;
    &[data-active=true] {
        display: block;
        &[data-mask=true] {
            &>.mask {
                display: block;
            }
        }
    }

    &>.mask{
        position: fixed;
        width: 100%;
        height: 100%;
        opacity: 0.5;
        background-color: #CCC;
        display: none;
        &.bg_blur {
            -webkit-filter: blur(4px);
            -moz-filter: blur(4px);
            -ms-filter: blur(4px);
            filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius=4, MakeShadow=false);
        }
    }
    &>.pop-view{
        &>.message {
            position: fixed;
            font-size: 1.6rem;
            text-align: center;
            right: 10px;
            bottom: 10px;
            padding: 8px 20px;
            opacity: 0.9;
            min-width: 100px;
            height: auto;
            border-radius: 3px;
            line-height: 30px;
            font-weight: bold;
            color: #FFF;
            &.default{
                .msg-type(@color-default);
            }
            &.primary{
                .msg-type(@color-primary);
            }
            &.success{
                .msg-type(@color-success);
            }
            &.info{
                .msg-type(@color-info);
            }
            &.warning{
                .msg-type(@color-warning);
            }
            &.danger{
                .msg-type(@color-danger);
            }
        }
    }
}
